How to disable a link using css with example?

In this article I will show you how to disable a link using css class in html. I have a css class named link-page and wants to disable the link, so that no action will not take when a user clicked. For that I added the link properties css set pointer-events: none.

<style type="text/css">

    .link-page {
        pointer-events: none;

 color: #7d5b2a; 

 margin-left: 10px; 

 font-size: 0.85em;

    }
</style>


<a title="share" data-toggle="collapse" class="link-page" href="page.html" > Link   </a>

Output: disable link css